<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:http="http://www.w3.org/1999/xhtml"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">

<head th:replace="common/headcss :: headcss"></head>

<body style="background:linear-gradient(rgba(47, 23, 15, 0.85), rgba(47, 23, 15, 0.85)), url('/static/assets/img/bg.jpg');">

<div th:replace="common/nav :: nav"></div>
<h1 class="text-center text-white d-none d-lg-block site-heading"><span class="text-danger site-heading-upper mb-1">一个能让你提前预约在任意时间、任意空间打卡的小助手</span>
</h1>

<section class="page-section clearfix">
    <div class="container">
        <div class="intro"><img class="img-fluid intro-img mb-3 mb-lg-0 rounded" src="/static/assets/img/intro.jpg">
            <div class="intro-text left-0 text-centerfaded p-5 rounded bg-faded text-center">
                <h2 class="section-heading mb-4"><span class="section-heading-upper">超 越 时 空</span><span
                        class="section-heading-lower">Worth Using</span></h2>
                <p class="mb-3">有时候忘记打卡真的好烦人哦！哭唧唧</p>
                <p class="mb-3">But 有了小助手，</p>
                <p class="mb-3">你此刻就可以提前设置好，10天后在上海、深圳、杭州的打卡了~</p>
                <p class="mb-3">使用方法：使用真实学号和姓名进行注册，注册后登录，先在"信息登记"处完善Token值，<b>然后在"打卡预设"处进行预约</b></p>
                <div class="mx-auto intro-button"><a class="btn btn-primary d-inline-block mx-auto btn-xl" role="button"
                                                     href="/preset">从今天开始拥抱它！</a></div>
            </div>
        </div>
    </div>
</section>
<section class="page-section cta">
    <div class="container">
        <div class="row">
            <div class="col-xl-9 mx-auto">
                <div class="cta-inner text-center rounded">
                    <h2 class="section-heading mb-4">
                        <span class="section-heading-upper">Our Promise</span>
                        <span class="section-heading-lower">To You</span>
                    </h2>
                    <p class="mb-2">请悄咪咪的使用它，不要让身边不值得信任的同学朋友知道，否则我们都会完蛋的！</p>
                    <p class="mb-2"><b>本项目仅作为技术探索使用，不建议使用来做违法犯罪的事情，否则使用者需承担一切不良后果！</b></p>
                    <p class="mb-2" style="color: darkred;"><b>郑重声明：请按照真实的时间、真实的位置进行打卡，虚假打卡所造成的一切后果，同样由使用者来承担！</b></p>
                </div>
            </div>
        </div>
    </div>
</section>
<div th:replace="common/footer :: footer"></div>
<div th:replace="common/footerscript :: footerscript"></div>
</body>

</html>